/**
 * 目标：网站-更换背景
 *  1. 选择图片上传，设置body背景
 *  2. 上传成功时，"保存"图片url网址
 *  3. 网页运行后，"获取"url网址使用
 * */

// 1.给input元素绑定change事件
document.querySelector('.bg-ipt').addEventListener('change', function (e) {
    // 2.获取选中文件 e.target.files[0]
    const file = e.target.files[0]
    // 3.构建FormData  new FormData()
    const fd = new FormData()
    fd.append('img', file)
    // 4.上传到服务器 http://hmajax.itheima.net/api/uploadimg
    axios({
        url: 'http://hmajax.itheima.net/api/uploadimg',
        method: 'post',
        data: fd
    }).then(res => {
        // 5..then获取地址 
        // 给body添加background-image
        // 在本地存储图片地址
        document.body.style.backgroundImage = `url(${res.data.data.url})`
        localStorage.setItem('lgg-img', res.data.data.url)
    })
})

// 6.页面初始化时判断是否有存储图片地址 有就给body设置 
const img = localStorage.getItem('lgg-img')
if (img) {
    document.body.style.backgroundImage = `url(${img})`
}

